<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html"
      xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>朔望 -用户登录</title>
    <!--    Rem初始-->
    <script src="/Syzygy/static/js/RemInitialize.js"></script>
</head>
<body id="body" style="margin: 0 0 ;padding: 0 0;background-color: rgb(230,230,230);">
<!--    返回-->
<a href="/Syzygy">
    <div style="position:fixed;width: 0.1rem;height: 0.51rem ">
    </div>
</a>
<a href="/Syzygy">
    <div style="position:fixed;right:0;width: 0.1rem;height: 0.51rem ">
    </div>
</a>

<!--卡片-->
<div style="background-color: rgb(200,200,200);width: 0.8rem;height: 0.5rem;margin: 0.005rem auto;border-radius: 0.03rem;overflow: hidden">
    <div style="width: 0.7rem;height:0.4rem;margin: 0.05rem 0.05rem;font-size: 0.015rem">
        <form id="userForm" action="/Syzygy/User/Login" method="post"
              style="height: 0.4rem;width: 0.7rem;height: 0.1rem"
        onsubmit="return checkLoginUser()">
            <p style="font-size: 0.03rem;margin: 0.01rem 0;text-align: center">
            用户登录
            </p>
            <div th:text="${loginMessageModel}" id="info"
                 style="color:red;font-size:0.027rem;width: 0.7rem;background-color:rgb(190,190,190);height: 0.04rem;margin: 0 0;padding: 0 0">

            </div>
            请输入用户名：
            <input id="username" name="username" type="text" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.1rem">
            请输入密码：
            <input id="password" name="password" type="password" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.1rem">
            <input type="submit" style="display: block;float: right;width: 0.03rem;height: 0.02rem">
        </form>
    </div>
</div>

</body>
<script src="/Syzygy/static/js/userLoginCard.js"></script>
</html>